03. Cat Clicker Requirements

Cat Clicker Requirements

Project Requirements for Cat Clicker

Visuals

  • The application should display a picture of a cat and a number of clicks.
  • The specifics of the layout do not matter, so style it however you'd like.

Interaction

  • The number of clicks should increment when the cat picture is clicked.

Inspiration

Cute Cat for Inspiration

Thanks to poplinre for the photo.

Resources

In case you need a refresher on events and event listeners, here are some links.

If you're writing Cat Clicker with vanilla JS (no jQuery), you'll be adding the "click" event with elem.addEventListener().

var elem = document.getElementById('my-elem');
elem.addEventListener('click', function(){
  //the element has been clicked... do stuff here
}, false);

If you're using jQuery, you'll be adding the "click" event listener with jQuery.click().

$('#my-elem').click(function(e) {
  //the element has been clicked... do stuff here
});